Непонятная область между контентом и футером

[Vensdale]

Сделал шаблон в Artisteer 3.1. Из-за малого объема контента возникла необходимость прикрепить футер к нижней границе окна браузера. Воспользовался данным способом. Однако возникла проблема. Футер отрисовывается где положено, но между ним и контентом появилась непонятная область плюс добавилась вертикальная полоса прокрутки.

Область отмечена красной рамкой

Здесь шаблон в действии.

Не могу найти откуда ноги растут у этого зазора. Вроде везде height: 100%. Может кто из профессионалов подскажет.

[Yazon_Nile]

Ну, скролл лечится увеличением отрицательного маржина до -51пк.

А вот отступы и тд... Ууу.. не охота лезть. Очень много всяких разных оберток не совсем понятных. К примеру. Зачем вам "div.art-page-background-middle-texture" если эти стили можно на "div#sticky_footer" и так далее.. лишнее нагромождение ни к чему хорошему не приведет

[Vensdale]

Спасибо за ответ. Да, очень много оберток. Дело в том что с нуля я сам такой шаблон пока не в состоянии написать, поэтому пришлось воспользоваться вобщемто неплохой программой для создания тем под Drupal, Wordpress и тд. - Artisteer 3.1. А она естественно генерирует кучу не совсем ясного кода.

Буду копать дальше.

[Yazon_Nile]

Ничего сложного, вникайте)

<div id="wrapper">
	<div class="w1">
		some
	</div>
</div>
<div id="footer"></div>

html,
body{height:100%;}
#wrapper{min-height:100%;}
.w1{padding-bottom:50px; /* высота футера */}
/* По сути блоком .w1 тоже можно пренебречь, если поставить этот нижний отступ на какой-то из внутренних блоков, которые граничат с футером */
#footer{
	height:50px;
	margin-top:-50px; /* высота футера */
	position:relative;
	width:100%;
}